<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vue</title>
</head>
<script src="vue.js"></script>


<body>

    <div id="app">
        <hd-slide></hd-slide>
        <hd-news></hd-news>
    </div>

<script>
    //创建组件（全局组件）
    Vue.component('hdSlide',{
        template:'<h1>后端君</h1>'
    });
    var hdNews={
        template:'<h2>你好！</h2>'
    }
    var app=new Vue({
        el:'#app',
        components:{
          hdNews:hdNews
        },


    });

</script>
</body>
</html>